{extends file="../home.html"}
{block name="title"}{$head_title}{/block}
{block name="css"}
<link rel="stylesheet" type="text/css" href="/Public/Css/front/front_css/sama_part2.css">
<link rel="stylesheet" type="text/css" href="__PUBLIC__/Css/front/front_css/refresh_load.css?version={$version}"/>

<style type="text/css">
	/*html,body{
		width: 100%;
		height: 100%;
	}*/
	#load_wrapper{
	margin-top: 2.2rem;
	}
</style>
{/block}
{block name="content"}
<div class="his_concern">
	
	<div class="return_icon"></div>
	<p><strong>他的粉丝</strong></p>
</div>



<div id="load_wrapper">
<div id="scroller">
	<div id="pullDown">
		    <span class="pullDownIcon"></span>
	</div>
	<div class="concern_number">0人关注了他</div>


	
<!--没有粉丝时-->
	<!-- <div class="no_concern">
		<img class="his_detail_icon" src="/Public/Images/front/front_img/icon_noattention_personal@3x.png">
		<p class="his_detail_word">他还没有任何粉丝哦</p>
	</div> -->
<!--有粉丝时-->

	<div class="concern_list">	
		
		<ul class="concern_line"  >
			<div class="others">
				<img class="head_icon" src="/Public/Images/front/front_img/cxq_xuangmu_pic3x.png"></img>
				<p1>花花世界 </p1>
			</div>
			<!--查看的人未关注时-->
			<div class="orange_box" >
				<i class="icon_add small"></i>
				<p>关注</p>
			</div>

			<!--已关注时-->
			<div class="concern_line_concerned"  style="display:none;">
				<div class="icon_concerned_small"></div>
				<p>已关注</p>
			</div>
		</ul>
		

		
		<ul class="concern_line"  >
			<div class="others">
				<img class="head_icon" src="/Public/Images/front/front_img/cxq_xuangmu_pic3x.png"></img>
				<p1>花花世界 </p1>
			</div>
			<!--查看的人未关注时-->
			<div class="orange_box" >
				<i class="icon_add small"></i>
				<p>关注</p>
			</div>

			<!--已关注时-->
			<div class="concern_line_concerned"  style="display:none;">
				<div class="icon_concerned_small"></div>
				<p>已关注</p>
			</div>
		</ul>
		
		
		
	</div>

</div>
</div>

	<div id="pullUp">
			<span class="pullUpIcon"></span><span class="pullUpLabel">上拉加载...</span>
	</div>
<!--已关注弹窗-->

	<div class="PopupConcerned">
		<i class="done"></i>
		<p>关注已成功</p>
	</div>

	<div class="Popupcancel">
		<div class="done"></div>
		<p>已取消关注</p>
	</div>




{/block}
{block name="js"}
<script type="text/javascript" src="__JS__/front/front_js/iscroll.js"></script>
<!-- <script type="text/javascript" src="__JS__/front/front_js/otherPersonalCenter.js"></script> -->
<script type="text/javascript" src="__PUBLIC__/Js/front/iscroll.js"></script>
<script type="text/javascript" src="__PUBLIC__/Js/front/front_js/his_fans.js"></script>

{literal}
<script type="text/javascript">
	var total = 1
    var firstRow = 1

	var home_banner = new Swiper('.home_banner',{
        pagination: '.swiper-pagination',
        paginationClickable: true,
        autoplay: 2000,//可选选项，自动滑动
    })

	//点击关注和取消关注绑定事件
	$('.concern_list').on('click','.orange_box',function(){
		console.log(9);
		$(this).hide().siblings(".concern_line_concerned").show();
		// $(this).toggleClass("test").siblings(".concern_line_concerned").toggleClass("test");
		 showSuccess();
		// $('#box1').hide();
		// $('#concern1').show();
		 // $('.Popupcancel').stop();
	});

	$('.concern_list').on('click','.concern_line_concerned',function(){
		console.log(9);
		$(this).hide().siblings(".orange_box").show();
		// $(this).toggleClass("test").siblings(".concern_line_concerned").toggleClass("test");
		 showCancel();
		// $('#box1').hide();
		// $('#concern1').show();
		 // $('.PopupConcerned').stop();
	});
	

	//返回上一个页面
	$('.his_concern').on('click','.return_icon',function(){
		window.location.href ='/Index/others_personal_center'
	});
	//点击这一栏进入他人个人中心
	$('.others').on('click',function(){
		window.location.href = '/Index/others_personal_center'
	});
	function showSuccess(){
		
		$('.PopupConcerned').fadeIn(1500);
		console.log(0);
		$('.PopupConcerned').fadeOut(1500);
		
		
	}
	function showCancel(){
		$('.Popupcancel').fadeIn(1500);
		console.log(0);
		$('.Popupcancel').fadeOut(1500);
		
	}




</script>
{/literal}
{/block}